<html>
<head>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
	
	<script type='text/javascript'>
		$(document).ready(function(){
			// building parameter
			// Controller - Student, Action - Index
			//params = "controller=Student&action=Index";
			params = "controller=Student&action=Details&id=6";
			$.post("Server.php", params, callback, "json");
		});
		
		function callback(data){
			$.each(data, function(iter, item){
				$("#table").append($("<tr/>")
							.append("<td>" + item.StudentID + "</td>")
							.append("<td>" + item.VKPage + "</td>")
							.append("<td>" + item.FBPage + "</td>")
							.append("<td>" + item.TwitterPage + "</td>")
							.append("<td>" + item.UserID + "</td>")
							.append("<td>" + item.GroupID + "</td>"));
			});
		}
	</script>
</head>
<body>
	<div id='result'> </div>
	<br/>
	<table id='table' border='2'>
		
	</table>
</body>
</html>